<template>
    <div class="">
        <div class="pr10">
            <div class="analyItem">
                <p class="analyItemTit tx-center">状态</p>
                <div class="analyItemCon" style="font-size:12px">
                    <div class='lh28'>
                        <span class="cBlue pointer" @click="UseResultgetUseResultMonthReview(leftInfo.abilityLevel, 1)">{{leftInfo.abilityLevel > 12 ? 12 : leftInfo.abilityLevel==null?0:leftInfo.abilityLevel}}级 </span> 升
                        <span style="color:#e033ff" class="pointer" @click="UseResultgetUseResultMonthReview(nextLevel > 12 ? 12 : nextLevel, 2)">{{nextLevel > 12 ? 12 : nextLevel}}级</span>
                    </div>
                    <div class='lh22'>
                        <span class="fz12 pr8">底薪</span>
                        <span class="cLightGray">{{flagIndex === 1 ? levelDate === null  ? '--' : levelDate.baseSalary : nextLevelDate === null  ? '--' : nextLevelDate.baseSalary}}</span>
                        <!-- <span class="cLightGray">{{flagIndex === 1 ? levelDate === null  ? '--' : levelDate.baseSalary : nextLevelDate === null  ? '--' : nextLevelDate.baseSalary}}</span> -->
                    </div>
                    <div class='lh22'>
                        <span class="fl  pr8">标准</span>
                        <div class="col-md-3">
                            <span class="cLightGray pr8">有效竣工额</span>
                            <p class="cGreen">{{ resultMonthStandard}}万</p>
                        </div>
                        <div class="col-md-3">
                            <span class="cLightGray pr8">罚款</span>
                            <p class="cGreen">{{  resultMonthStandardfakuan}}元</p>
                        </div>
                        <div class="col-md-3">
                            <span class="cLightGray pr8"> 增项</span>
                            <p class="cGreen">{{  resultMonthStandardzengxiang}}元</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="analyItem">
                <p class="analyItemTit tx-center ">级别</p>
                <div class="analyItemCon">
                    <p class="col-md-4">
                        <button class="uiBtn-normal " :class="{'uiBtn-blue':flg==2 }" @click="changeState(2)">普级</button>
                    </p>
                    <p class="col-md-4">
                        <button class="uiBtn-normal " :class="{'uiBtn-blue':flg==3 }" @click="changeState(3)">管级</button>
                    </p>
                    <p class="col-md-4">
                        <button class="uiBtn-normal " :class="{'uiBtn-blue':flg==1 || flg==11 }" @click="changeState(1)">管培级</button>
                    </p>
                </div>
            </div>
        </div>
        <div class="thinScroll pr10" v-scrollHeight="94">
            <!-- 招 培 用 管培-->
            <div v-if="flg==1">
                <div v-if="nextSum===0">
                    <router-link tag="div" :to="{path: routerPath('levelFourXL'), query: {XLList:XLList}}" exact class="analyItem anItemBor" active-class="anItemBor-active">
                        <p class="analyItemTit tx-center">学历</p>
                        <div class="analyItemCon">
                            <p class="col-md-4">
                                <span class="cLightGray pr8">学历</span>
                                <span class=" pr8">{{XLObj}}</span>
                                <!-- <span class=" pr8">{{XLobj === undefined?'暂无':XLobj}}</span> -->
                            </p>
                            <span :class="['circlemark', XLList.isPresence==null ? 'circlemark-purple' : 'circlemark-lightGreen']">{{XLList.isPresence==null?'待':'完'}}</span>
                        </div>
                    </router-link>
                    <router-link tag="div" :to="{path: routerPath('levelFourPD'), query: {PDList:PDList}}" exact class="analyItem anItemBor" active-class="anItemBor-active">

                        <p class="analyItemTit tx-center">品德</p>
                        <div class="analyItemCon">
                            <p class="col-md-4">
                                <span class="cLightGray pr8">人品</span>
                                <span class=" pr8">{{peopleDesc}}</span>
                                <!-- <span class=" pr8">{{peopleDesc === undefined || peopleDesc?'暂无':goodsDesc}}</span> -->
                            </p>
                            <p class="col-md-4">
                                <span class="cLightGray pr8">管品</span>
                                <span class=" pr8">{{goodsDesc}}</span>
                                <!-- <span class=" pr8">{{goodsDesc === undefined?'暂无':goodsDesc}}</span> -->
                            </p>
                            <span :class="['circlemark', PDList.isPresence==null ? 'circlemark-purple' : 'circlemark-lightGreen']">{{PDList.isPresence==null?'待':'完'}}</span>

                        </div>
                    </router-link>
                    <router-link tag="div" :to="{path: routerPath('levelFourXG'), query: {XGList:XGList}}" exact class="analyItem anItemBor" active-class="anItemBor-active">

                        <p class="analyItemTit tx-center">性格</p>
                        <div class="analyItemCon">
                            <p class="col-md-4">
                                <span class="cLightGray pr8">性格</span>
                                <span class=" pr8">{{XGdesc}}</span>
                            </p>
                            <span :class="['circlemark', XGList.isPresence==null ? 'circlemark-purple' : 'circlemark-lightGreen']">{{XGList.isPresence==null?'待':'完'}}</span>

                        </div>
                    </router-link>
                    <router-link tag="div" :to="{path: routerPath('levelFourSW'), query: {SWList:SWList}}" exact class="analyItem anItemBor" active-class="anItemBor-active">

                        <p class="analyItemTit tx-center">思维</p>
                        <div class="analyItemCon">
                            <p class="col-md-4">
                                <span class="cLightGray pr8">思维</span>
                                <span class=" pr8">{{SWdesc}}</span>
                            </p>
                            <span :class="['circlemark', SWList.isPresence==null ? 'circlemark-purple' : 'circlemark-lightGreen']">{{SWList.isPresence==null?'待':'完'}}</span>
                        </div>
                    </router-link>
                    <router-link tag="div" :to="{path: routerPath('levelFourNL'), query: {NLList:NLList}}" exact class="analyItem anItemBor" active-class="anItemBor-active">

                        <p class="analyItemTit tx-center">能力</p>
                        <div class="analyItemCon">
                            <p class="col-md-4">
                                <span class="cLightGray pr8">业能</span>
                                <span class="pr8">{{NLyeDesc}}</span>
                            </p>
                            <p class="col-md-4">
                                <span class="cLightGray pr8">管能</span>
                                <span class="pr8">{{NLguanDesc}}</span>
                            </p>
                            <span :class="['circlemark', NLList.isPresence==null ? 'circlemark-purple' : 'circlemark-lightGreen']">{{NLList.isPresence==null?'待':'完'}}</span>

                        </div>
                    </router-link>
                </div>
                <div v-if="nextSum===1">
                    <router-link tag="div" :to="{path: routerPath('levelThreeSupervision'), query: {JLList:JLList}}" exact class="analyItem anItemBor" active-class="anItemBor-active">
                        <p class="analyItemTit tx-center">监理</p>
                        <div class="analyItemCon">
                            <p class="col-md-4">
                                <span class="cLightGray pr8">接单</span>
                                <span class=" pr8">{{JLjiedanDesc?JLjiedanDesc:'暂无'}}</span>
                            </p>
                            <p class="col-md-4">
                                <span class="cLightGray pr8">订单</span>
                                <span class=" pr8">{{JLorderDesc?JLorderDesc:'暂无'}}</span>
                            </p>
                            <p class="col-md-4">
                                <span class="cLightGray pr8">摄像头</span>
                                <span class=" pr8">{{JLcameraDesc?JLcameraDesc:'暂无'}}</span>
                            </p>
                            <p class="col-md-4">
                                <span class="cLightGray pr8">客户端</span>
                                <span class=" pr8">{{JLclientDesc?JLclientDesc:'暂无'}}</span>
                            </p>
                            <p class="col-md-12">
                                <span class="cLightGray pr8">备注</span>
                                <span class=" pr8">{{LLdesc?LLdesc:'暂无'}}</span>
                            </p>
                            <span :class="['circlemark', JLList.isPresence==null ? 'circlemark-purple' : 'circlemark-lightGreen']">{{JLList.isPresence==null?'待':'完'}}</span>

                        </div>
                    </router-link>
                    <router-link tag="div" :to="{path: routerPath('levelThreeProduce'), query: {SCList:SCList}}" exact class="analyItem anItemBor" active-class="anItemBor-active">

                        <p class="analyItemTit tx-center">生产会</p>
                        <div class="analyItemCon">
                            <p class="col-md-4">
                                <span class="cLightGray pr8">生产会</span>
                                <span class=" pr8">{{SChDesc?SChDesc:'暂无'}}</span>
                            </p>
                            <p class="col-md-12">
                                <span class="cLightGray pr8">备注</span>
                                <span>{{SCdesc?SCdesc:'暂无'}}</span>
                            </p>
                            <span :class="['circlemark', SCList.isPresence==null ? 'circlemark-purple' : 'circlemark-lightGreen']">{{SCList.isPresence==null?'待':'完'}}</span>

                        </div>
                    </router-link>
                    <router-link tag="div" :to="{path: routerPath('levelThreeProject'), query: {GCList:GCList}}" exact class="analyItem anItemBor" active-class="anItemBor-active">

                        <p class="analyItemTit tx-center">工程会</p>
                        <div class="analyItemCon">
                            <p class="col-md-4">
                                <span class="cLightGray pr8">工程会</span>
                                <span class=" pr8">{{GChDesc?GChDesc:'暂无'}}</span>
                            </p>
                            <p class="col-md-12">
                                <span class="cLightGray pr8">备注</span>
                                <span>{{GCdesc?GCdesc:'暂无'}}</span>
                            </p>
                            <span :class="['circlemark', GCList.isPresence==null ? 'circlemark-purple' : 'circlemark-lightGreen']">{{GCList.isPresence==null?'待':'完'}}</span>

                        </div>
                    </router-link>
                    <router-link tag="div" :to="{path: routerPath('levelThreeManye'), query: {JLYList:JLYList}}" exact class="analyItem anItemBor" active-class="anItemBor-active">

                        <p class="analyItemTit tx-center">经理业务</p>
                        <div class="analyItemCon">
                            <p class="col-md-4">

                            </p>
                            <span :class="['circlemark', JLYList.isPresence==null ? 'circlemark-purple' : 'circlemark-lightGreen']">{{JLYList.isPresence==null?'待':'完'}}</span>

                        </div>
                    </router-link>
                </div>
            </div>
            <!-- 普级 -->
            <div v-if="flg==2">
                <router-link tag="div" :to="{path: routerPath('levelThree99'), query: {index:1,stangMoney: achieve_standard}}" exact class="analyItem anItemBor" active-class="anItemBor-active">
                    <p class="analyItemTit tx-center">完工</p>
                    <div class="analyItemCon">
                        <p class="col-md-4">
                            <span class="cLightGray pr8">标准</span>
                            <span>{{ resultMonthStandard}}万</span>
                        </p>
                        <p class="col-md-4">
                            <span class="cLightGray pr8">实际</span>
                            <span>{{ resultResultComple/10000}}万</span>
                        </p>
                        <p class="col-md-2">
                            <span class="cGreen tx-fb">{{resultResultComplePercentage}}%</span>
                        </p>
                        <!-- <span class="circlemark" :class=" resultExcellent  | stageColor">{{ resultExcellent}}</span> -->
                    </div>
                </router-link>
                <router-link tag="div" :to="{path: routerPath('levelThree99'), query: {index: 2}}" exact class="analyItem anItemBor" active-class="anItemBor-active">
                    <p class="analyItemTit tx-center">订单</p>
                    <div class="analyItemCon">
                        <p class="col-md-4">
                            <span class="cLightGray pr8">标准</span>
                            <span>{{ processStandard}}%</span>
                        </p>
                        <p class="col-md-4">
                            <span class="cLightGray pr8">实际</span>
                            <span>{{processPercentage}}%</span>
                            <!-- <span>{{Number(processCount/processSum/100)}}%</span> -->
                        </p>
                        <p class="col-md-2">
                            <span class="cGreen tx-fb">{{processPercentage}}%</span>
                        </p>
                        <!-- <span class="circlemark" :class=" processExcellent  | stageColor">{{ processExcellent}}</span> -->
                    </div>
                </router-link>
                <router-link tag="div" :to="{path: routerPath('levelThree99'), query: {index: 3, comEvl: userMoneyData === null || userMoneyData.haoPingSum == null ? 0 : userMoneyData.haoPingSum, stand:userMoneyData === null || userMoneyData.resultMonthStandard == null  || userMoneyData.resultMonthStandard.inspection_bonus === null ? 0 : userMoneyData.resultMonthStandard.inspection_bonus }}" exact class="analyItem anItemBor" active-class="anItemBor-active">
                    <p class="analyItemTit tx-center">好评</p>
                    <div class="analyItemCon">
                        <p class="col-md-4">
                            <span class="cLightGray pr8">标准</span>
                            <span>{{haopingbiaozhun}}个</span>
                        </p>
                        <p class="col-md-4">
                            <span class="cLightGray pr8">实际</span>
                            <span>{{haoPingSum}}个</span>
                        </p>
                        <p class="col-md-2">
                            <span class="cGreen tx-fb">{{haopingPercentage}}%</span>
                        </p>
                        <!-- <span class="circlemark" :class=" haopingExcellent  | stageColor">{{ haopingExcellent}}</span> -->
                    </div>
                </router-link>
                <div class="analyItem ">
                    <p class="analyItemTit tx-center">综合</p>
                    <div class="analyItemCon">
                        <p class="col-md-8">
                            <span v-if="comScale === 100 && orderScale === 100 && evalScale === 100" class="cGreen">{{this.leftInfo.abilityLevel}}级升到{{this.nextLevel}}级 已符合升级标准</span>
                            <span class="cRed" v-else>尚未满足升级条件</span>
                        </p>
                        <p class="col-md-2">
                            <span v-if="comScale === 100 && orderScale === 100 && evalScale === 100" class="cGreen tx-fb">100%</span>
                            <span class="cRed tx-fb" v-else>--</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="pr10">
            <div v-if="flg!==1" class="analyItem ">
                <p class="analyItemTit tx-center">处理</p>
                <div class="analyItemCon">
                </div>
            </div>
            <router-link v-if="flg==1" tag="div" :to="{path: routerPath('levelThreeHander'), query: {bigStageList: bigStageList,bigStageTrainList:bigStageTrainList,nextSum:nextSum}}" exact class="analyItem anItemBor" active-class="anItemBor-active">
                <p class="analyItemTit tx-center ">处理</p>
                <div class="analyItemCon">
                    <p class="col-md-6">
                        <span class="cLightGray pr8"></span>
                    </p>
                </div>
            </router-link>
        </div>
    </div>
</template>
<script>
import { mapGetters } from 'vuex'
import { getManageTrick, getManageTrain, getUsejibie, getzhaopeiyong } from '../Resources/Api'
export default {
    data () {
        return {
            nextLevelDate: null, // 下一级的状态的数据
            levelDate: null, // 用于存状态中的数据
            nextLevel: 0, // 级别
            flagIndex: 1,
            userMoneyData: {}, // 阶段数据
            comScale: 0, // 完工比例
            orderScale: 0, // 订单比例
            evalScale: 0, // 好评比例
            resultMonthStandard: 0,
            resultMonthStandardfakuan: 0,
            resultMonthStandardzengxiang: 0,
            resultResultComple: 0,
            resultResultComplePercentage: 0,
            resultExcellent: 0,
            processStandard: 0,
            processPercentage: 0,
            processActual: 0,
            processExcellent: 0,
            haopingbiaozhun: 0,
            haoPingSum: 0,
            haopingPercentage: 0,
            haopingExcellent: 0,


            // resultMonthStandard: 0,
            // resultMonthStandardfakuan: 0,
            // resultMonthStandardzengxiang: 0,
            // baseSalary: 0,
            // nextLevelDate: null, // 下一级的状态的数据
            // levelDate: null, // 用于存状态中的数据
            // nextLevel: 0, // 级别
            // flagIndex: 1,
            // ==========
            nextSum: 0,
            flg: 2,
            num: 0,
            bigStageList: [], // 招三段大集合
            stageBigType: [],
            bigStageTrainList: [], // 培三段大集合
            XLList: {}, // 学历
            XLObj: '', // 二段学历内容
            PDList: {}, // 品德
            peopleDesc: '',
            goodsDesc: '',
            XGList: {}, // 性格
            XGdesc: '',
            SWList: {}, // 思维
            SWdesc: '',
            NLList: {}, // 能力
            NLyeDesc: '',
            NLguanDesc: '',
            TrainstageBigType: [], // 培大集合

            JLList: {}, // 监理
            LLdesc: '', // 监理备注
            JLjiedanDesc: '', // 接单描述
            JLorderDesc: '', // 订单描述
            JLcameraDesc: '', // 摄像头描述
            JLclientDesc: '', // 客户端描述
            SCList: {}, // 生产
            SCdesc: '',
            SChDesc: '',
            GCList: {}, // 工程
            GCdesc: '',
            GChDesc: '',
            JLYList: {}, // 经理业务
            JLYdesc: '',
            levelList: [
                {
                    ability_level: 14,
                    name: '培养标准'
                },
                {
                    ability_level: 15,
                    name: '业务考核'
                },
                {
                    ability_level: 16,
                    name: '见习期'
                },
                {
                    ability_level: 17,
                    name: '正式经理'
                }
            ]

        }
    },
    created () {
        this.getzhaopeiyong()
        this.nextLevel = this.leftInfo.abilityLevel !== '' && this.leftInfo.abilityLevel >= 0 ? Number(this.leftInfo.abilityLevel) + 1 : ''
        if (this.nextLevel === 13) {
            this.UseResultgetUseResultMonthReview(12, 2)
            this.UseResultgetUseResultMonthReview(12, 1)
        } else {
            this.UseResultgetUseResultMonthReview(this.nextLevel, 2)
            this.UseResultgetUseResultMonthReview(this.leftInfo.abilityLevel, 1)
        }

        // this.UseResultgetUseResultMonthReview(this.nextLevel, 2)
        // this.UseResultgetUseResultMonthReview(this.leftInfo.abilityLevel, 1)


        this.getManageTrick()// 招
        this.getManageTrain()// 培
    },
    computed: {
        ...mapGetters(['leftInfo', 'updatePlate'])
    },
    methods: {
    // 获取
        UseResultgetUseResultMonthReview (level, flag) {
            // this.resultMonthStandard = 0
            // this.resultMonthStandardfakuan = 0
            // this.resultMonthStandardzengxiang = 0
            let parm = {
                user_card_no: this.leftInfo.cardNo,
                abilityLevel: level === '' ? 13 : level === 0 ? 13 : level
            }
            getUsejibie(parm).then((results) => {
                if (results.data.StatusCode === 0) {
                    this.userMoneyData = results.data.Body
                    const userMoneyData = results.data.Body
                    this.resultMonthStandard = this.userMoneyData.resultMonthStandard
                    this.resultMonthStandardfakuan = this.userMoneyData.resultMonthStandardfakuan
                    this.resultMonthStandardzengxiang = this.userMoneyData.resultMonthStandardzengxiang
                    console.log(this.resultMonthStandard, this.resultMonthStandardfakuan, this.resultMonthStandardzengxiang)
                    this.resultResultComple = this.userMoneyData.resultResultComple
                    this.resultResultComplePercentage = this.userMoneyData.resultResultComplePercentage
                    this.resultExcellent = this.userMoneyData.resultExcellent
                    this.processStandard = this.userMoneyData.processStandard
                    this.processPercentage = this.userMoneyData.processPercentage
                    this.processActual = this.userMoneyData.processActual
                    this.processExcellent = this.userMoneyData.processExcellent
                    this.haopingbiaozhun = this.userMoneyData.haopingbiaozhun
                    this.haoPingSum = this.userMoneyData.haoPingSum
                    this.haopingPercentage = this.userMoneyData.haopingPercentage
                    this.haopingExcellent = this.userMoneyData.haopingExcellent
                    this.resultExcellent = this.userMoneyData.resultExcellent
                    this.processExcellent = this.userMoneyData.processExcellent
                    // this.resultMonthStandard = results.data.Body.resultMonthStandard
                    // this.resultManageStandard = results.data.Body.resultManageStandard
                    // this.resultResultComple = results.data.Body.resultResultComple
                    // this.processCount = results.data.Body.processCount
                    // this.processSum = results.data.Body.processSum
                    // this.haoPingSum = results.data.Body.haoPingSum
                    // this.resultResultManage = results.data.Body.resultResultManage
                    // this.baseSalary = results.data.Body.baseSalary
                    // this.complete_standard_month = this.resultMonthStandard.complete_standard_month
                    this.achieve_standard = this.userMoneyData.achieve_standard

                    // this.inspection_bonus = this.resultMonthStandard.inspection_bonus
                    // if (this.resultResultComple != null) {
                    //     this.resultCompletionMoney = this.resultResultComple.resultCompletionMoney
                    // }
                    // 将数据存到levelDate 中
                    let currentObject = {}
                    // 底薪
                    if (userMoneyData === null || userMoneyData.baseSalary === null) {
                        currentObject.baseSalary = '--'
                    } else {
                        currentObject.baseSalary = userMoneyData.baseSalary
                    }
                    // 有效竣工额
                    if (userMoneyData === null || userMoneyData.resultMonthStandard == null || userMoneyData.resultMonthStandard.achieve_standard === null) {
                        currentObject.achieve_standard = 0
                    } else {
                        currentObject.achieve_standard = userMoneyData.resultMonthStandard.achieve_standard
                    }
                    // 罚款
                    if (userMoneyData === null || userMoneyData.resultMonthStandard == null || userMoneyData.resultMonthStandard.fine_money_standard === null) {
                        currentObject.fine_money_standard = 0
                    } else {
                        currentObject.fine_money_standard = userMoneyData.resultMonthStandard.fine_money_standard
                    }
                    // 增值
                    if (userMoneyData === null || userMoneyData.resultMonthStandard == null || userMoneyData.resultMonthStandard.increment_money_standard === null) {
                        currentObject.increment_money_standard = 0
                    } else {
                        currentObject.increment_money_standard = userMoneyData.resultMonthStandard.increment_money_standard
                    }
                    if (Number(flag) === 1) {
                        this.userMoneyData = results.data.Body
                        this.levelDate = currentObject
                    } else if (Number(flag) === 2) {
                        this.nextLevelDate = currentObject
                    }
                    if (Number(flag) === 1) {
                        // 完工比例
                        if (userMoneyData !== null || userMoneyData.resultMonthStandard == null || userMoneyData.resultMonthStandard.achieve_standard === null ||
              userMoneyData.resultResultComple == null || userMoneyData.resultResultComple.resultCompletionMoney === null || userMoneyData.resultResultComple.resultCompletionMoney === 0) {
                            this.comScale = 0
                        } else {
                            if (userMoneyData.resultMonthStandard.achieve_standard === 0) {
                                this.comScale = (userMoneyData.resultResultComple.resultCompletionMoney / 100).toFixed(2)
                            } else {
                                this.comScale = (userMoneyData.resultResultComple.resultCompletionMoney / userMoneyData.resultMonthStandard.achieve_standard / 100).toFixed(2)
                            }
                        }
                        // 订单比例
                        if (userMoneyData !== null || userMoneyData.processCount == null || userMoneyData.processSum === null || userMoneyData.processCount === 0) {
                            this.orderScale = 0
                        } else {
                            if (userMoneyData.processSum === 0) {
                                this.orderScale = (userMoneyData.processCount / 100).toFixed(2)
                            } else {
                                this.orderScale = (userMoneyData.processCount / userMoneyData.processSum / 100).toFixed(2)
                            }
                        }
                        // 好评比例
                        if (userMoneyData === null || userMoneyData.resultMonthStandard == null || userMoneyData.resultMonthStandard.inspection_bonus === null || userMoneyData.haoPingSum === 0) {
                            this.orderScale = 0
                        } else {
                            if (userMoneyData.resultMonthStandard.inspection_bonus === 0) {
                                this.orderScale = (userMoneyData.haoPingSum / 100).toFixed(2)
                            } else {
                                this.orderScale = (userMoneyData.haoPingSum / userMoneyData.resultMonthStandard.inspection_bonus / 100).toFixed(2)
                            }
                        }
                    }
                }
            }).catch((error) => {
                console.log(error)
            })
        },
        // 招培用
        getzhaopeiyong () {
            getzhaopeiyong({
                user_card_no: this.leftInfo.cardNo
            }).then(res => {
                if (Number(res.data.StatusCode) === 0) {
                    this.nextSum = res.data.Body.sum
                }
            }).catch(error => {
                console.log(error)
            })
        },
        changeState (val) {
            this.flg = val
            this.$router.push(this.$route.matched[1].path)
        },
        // 招
        getManageTrick () {
            this.bigStageList = []
            this.XLObj = ''
            this.peopleDesc = ''
            this.goodsDesc = ''
            this.XGdesc = ''
            this.SWdesc = ''
            this.NLyeDesc = ''
            this.NLguanDesc = ''
            this.stageBigType = []
            this.XLList = {}
            getManageTrick({
                user_card_no: this.leftInfo.cardNo
            }).then(results => {
                if (results.data.StatusCode === 0) {
                    this.stageBigType = results.data.Body.stageBigType
                    this.stageBigType.forEach(item => {
                        // 中学历
                        if (Number(item.exclusiveId) === 1) {
                            this.XLList = item
                            this.bigStageList.push(item.isPresence)
                            this.XLList.stageMediumType.forEach(element => {
                                if (element.description === '学历') {
                                    element.stageSmallType.forEach(val => {
                                        if (val.isPresence !== null) {
                                            this.$nextTick(() => {
                                                this.XLObj = val.description
                                            })
                                        } else {
                                            this.XLObj = '暂无'
                                        }
                                    })
                                }
                            })
                            // 中品德
                        } else if (Number(item.exclusiveId) === 2) {
                            this.PDList = item
                            this.bigStageList.push(item.isPresence)
                            this.PDList.stageMediumType.forEach(element => {
                                if (element.description === '人品') {
                                    element.stageSmallType.forEach(val => {
                                        if (val.isPresence !== null) {
                                            this.$nextTick(() => {
                                                this.peopleDesc += val.description
                                            })
                                        } else {
                                            this.peopleDesc = ''
                                        }
                                    })
                                } else {
                                    element.stageSmallType.forEach(val => {
                                        if (val.isPresence !== null) {
                                            this.$nextTick(() => {
                                                this.goodsDesc += val.description
                                            })
                                        } else {
                                            this.goodsDesc = ''
                                        }
                                    })
                                }
                            })
                            // 中性格
                        } else if (Number(item.exclusiveId) === 3) {
                            this.XGList = item
                            this.bigStageList.push(item.isPresence)

                            this.XGList.stageMediumType.forEach(element => {
                                if (element.description === '性格') {
                                    element.stageSmallType.forEach(val => {
                                        if (val.isPresence !== null) {
                                            this.$nextTick(() => {
                                                this.XGdesc = this.XGdesc + val.description
                                            })
                                            // this.XGdesc = val.description
                                        } else {
                                            this.XGdesc = ''
                                        }
                                    })
                                }
                            })
                            // 中思维
                        } else if (Number(item.exclusiveId) === 4) {
                            this.SWList = item
                            this.bigStageList.push(item.isPresence)

                            this.SWList.stageMediumType.forEach(element => {
                                // 小思维
                                if (Number(element.exclusiveId) === 11) {
                                    element.stageSmallType.forEach(val => {
                                        if (val.isPresence !== null) {
                                            this.$nextTick(() => {
                                                this.SWdesc = this.SWdesc + val.description
                                            })
                                            // this.SWdesc = val.description
                                        } else {
                                            this.SWdesc = ''
                                        }
                                    })
                                }
                            })
                            // if (this.SWList.stageMediumType[0].isPresence !== null) {
                            //     this.SWdesc += this.SWList.stageMediumType[0].description
                            // } else {
                            //     this.SWdesc = '暂无'
                            // }
                            // 中能力
                        } else if (Number(item.exclusiveId) === 5) {
                            this.NLList = item
                            this.bigStageList.push(item.isPresence)

                            this.NLList.stageMediumType.forEach(element => {
                                // 小业能
                                if (Number(element.exclusiveId) === 12) {
                                    element.stageSmallType.forEach(val => {
                                        if (val.isPresence !== null) {
                                            // this.NLyeDesc = val.description
                                            this.$nextTick(() => {
                                                this.NLyeDesc = '有'
                                            })
                                        } else {
                                            this.NLyeDesc = '无'
                                        }
                                    })
                                } else {
                                    element.stageSmallType.forEach(val => {
                                        if (val.isPresence !== null) {
                                            // this.NLguanDesc = val.description
                                            this.$nextTick(() => {
                                                this.NLguanDesc += val.description
                                            })
                                        } else {
                                            this.NLguanDesc = ''
                                        }
                                    })
                                }
                            })
                        }
                    })
                }
            }).catch(error => {
                console.log(error)
            })
        },
        // 培
        getManageTrain () {
            this.bigStageTrainList = []
            this.LLdesc = ''
            this.JLjiedanDesc = ''
            this.JLorderDesc = ''
            this.JLcameraDesc = ''
            this.JLclientDesc = ''
            this.SCdesc = ''
            this.SChDesc = ''
            this.GCdesc = ''
            this.GChDesc = ''
            this.JLYdesc = ''
            getManageTrain({
                user_card_no: this.leftInfo.cardNo
            }).then(results => {
                if (results.data.StatusCode === 0) {
                    this.TrainstageBigType = results.data.Body.trainBigType

                    this.TrainstageBigType.forEach(item => {
                        // 监理
                        if (Number(item.exclusiveId) === 1) {
                            this.JLList = item
                            this.bigStageTrainList.push(item.isPresence)
                            if (item.isPresence !== null) {
                                this.LLdesc = item.isPresence[0].remake
                            }
                            this.JLList.trainMediumType.forEach(element => {
                                // 接单
                                if (Number(element.exclusiveId) === 5 && element.isPresence !== null) {
                                    this.JLjiedanDesc = element.isPresence[0].remake
                                } else if (Number(element.exclusiveId) === 6 && element.isPresence !== null) {
                                    this.JLorderDesc = element.isPresence[0].remake
                                } else if (Number(element.exclusiveId) === 7 && element.isPresence !== null) {
                                    this.JLcameraDesc = element.isPresence[0].remake
                                } else if (Number(element.exclusiveId) === 8 && element.isPresence !== null) {
                                    this.JLclientDesc = element.isPresence[0].remake
                                }
                            })
                            // 生产会
                        } else if (Number(item.exclusiveId) === 2) {
                            this.SCList = item
                            this.bigStageTrainList.push(item.isPresence)

                            if (item.isPresence !== null) {
                                this.SCdesc = item.isPresence[0].remake
                            }
                            this.SCList.trainMediumType.forEach(element => {
                                // 接单
                                if (Number(element.exclusiveId) === 9 && element.isPresence !== null) {
                                    this.SChDesc = element.isPresence[0].remake
                                }
                            })
                            // 工程会
                        } else if (Number(item.exclusiveId) === 3) {
                            this.GCList = item
                            this.bigStageTrainList.push(item.isPresence)

                            if (item.isPresence !== null) {
                                this.GCdesc = item.isPresence[0].remake
                            }
                            this.GCList.trainMediumType.forEach(element => {
                                // 接单
                                if (Number(element.exclusiveId) === 10 && element.isPresence !== null) {
                                    // this.DChDesc = element.isPresence[0].remake
                                    this.$nextTick(() => {
                                        this.GChDesc = element.isPresence[0].remake
                                    })
                                }
                            })
                            // 经理业务
                        } else if (Number(item.exclusiveId) === 4) {
                            this.JLYList = item
                            this.bigStageTrainList.push(item.isPresence)
                        }
                    })
                }
            }).catch(error => {
                console.log(error)
            })
        },
        // 路由跳转路径拼接
        routerPath (path) {
            return this.$route.matched[1].path + '/' + path
        },
        // 直接进行路由跳转路径
        routerPush (path) {
            this.$router.push(this.$route.matched[1].path + '/' + path)
        }
    },
    watch: {
    // $route () {
    //     this.getManageTrick()
    //     this.getManageTrain()
    // },
        leftInfo () {
            this.bigStageList = [] // 招三段大集合
            this.bigStageTrainList = [] // 培三段大集合
            this.getzhaopeiyong()
            this.getManageTrain()// 培训
            this.getManageTrick()
            this.nextLevelDate = null // 下一级的状态的数据
            this.levelDate = null // 用于存状态中的数据
            this.flagIndex = 1
            this.nextLevel = this.leftInfo.abilityLevel !== '' && this.leftInfo.abilityLevel >= 0 ? Number(this.leftInfo.abilityLevel) + 1 : ''
            // this.UseResultgetUseResultMonthReview(this.nextLevel, 2)
            this.UseResultgetUseResultMonthReview(this.leftInfo.abilityLevel, 1)
        },
        updatePlate () {
            this.bigStageList = [] // 招三段大集合
            this.bigStageTrainList = [] // 培三段大集合
            this.getzhaopeiyong()
            this.getManageTrain()// 培训
            // 学历
            this.getManageTrick()
            this.getManageTrain()
        }
    }
}
</script>
